/*
* @Author: Administrator
* @Date:   2018-09-15 10:55:43
* @Last Modified by:   Administrator
* @Last Modified time: 2018-09-15 11:27:53
*/
//这样就把details组件变成了一个异步加载的组件

import React from 'react';
import Loadable from 'react-loadable';
import { Image } from './style.js';
const LoadableComponent = Loadable({
	//因为是要异步加载详情页面所以就是加载index.js所以在import中是./
  loader: () => import('./'),
  //loading被要求是一个函数
  loading () {
  	//这里返回的是一个临时的显示组件
  	return <Image><div className="song">正在加载</div></Image>
  }
});
export default () => <LoadableComponent/>

// export default class App extends React.Component {
//   render() {
//     return <LoadableComponent/>;
//   }
// }